草庐IT

CSS 响应中心 Div

全部标签

Javascript (jQuery) 将图像缩放到其容器的中心点

这看起来应该很简单,但出于某种原因我无法完全理解它。我在“视口(viewport)”div中有一个图像,其溢出属性设置为隐藏。我已经使用jQueryUI实现了一个简单的缩放和平移,但是我无法让缩放看起来像是从视口(viewport)的中心开始。我从Photoshop中做了一些截屏视频,我试图重现这种效果:http://dl.dropbox.com/u/107346/share/reference-point-zoom.mov在PS中,您可以调整缩放引用点,对象将从该点开始缩放。显然,这对于HTML/CSS/JS是不可能的,所以我试图找到合适的left和topCSS值来模拟效果。这是有问

javascript - 除非我使用超时,否则 CSS 转换不起作用

我有几个类:hide是display:none,transparent是opacity:0.元素pr_container有-webkit-transition:opacity1s。以下基于JQuery的代码使元素以动画形式出现:pr_container.removeClass("hide");setTimeout(function(){pr_container.removeClass("transparent");},0);但是,当我删除setTimeout而只是删除第二个类时,没有动画。为什么?编辑:我使用的是最新的Chrome,我还没有检查其他浏览器。编辑:我尝试将两个调用放在同一

javascript - OSX 上的 Safari 6 中的 CSS3 闪烁(但这不是闪烁到白色的问题!)

此问题不会出现在iOS或Chrome上,因此它不是与Webkit相关的问题。它似乎特定于OSX10.8.2上的最新Safari6.0.2(并且未被Safari6.0.3附带的10.8.3预览版本12D65修复)。我将很快在带有Safari6.0.2的Lion10.7.5上进行测试,还将在预览版12D68上进行测试。http://jsfiddle.net/zrr2b/这是一个使问题非常明显的fiddle。如果您有一台运行ML的Mac,您应该会看到Chrome和Safari之间的显着差异,当您移动鼠标时,Safari会闪烁很多。基本上,问题是Safari会间歇性地绘制从JS为单个帧设置的目

javascript - 如何将 Javascript 的 window.find 限制为特定的 DIV?

是否可以在Safari/Firefox/Chrome中使用Javascript在特定的div容器中搜索给定的文本字符串。我知道您可以使用window.find(str)来搜索整个页面,但是是否可以将搜索区域限制为仅div?谢谢! 最佳答案 一旦你查找了你的div(你可以通过document.getElementById或任何其他DOM函数,variousspecshere),你可以使用textContent或innerText找到那个div的文本。然后你可以使用indexOf找到其中的字符串。或者,在较低级别,您可以使用递归函数来搜

javascript - 在 Visual Studio 2013 中,如何在构建后步骤中缩小 Javascript 和 CSS

在VisualStudio2013中,如何在构建后步骤中缩小Javascript和CSS?我想将每个单独的css和js文件压缩到同一文件夹中的.min.js或.min.css中。我不想checkin缩小的文件,而是让它们在构建后生成。 最佳答案 我发现的所有解决方案都需要为最小化版本使用不同的文件名,并且需要做很多额外的工作才能在使用普通/缩小版本之间切换。相反,我希望压缩的JavaScript文件具有原始名称,这样我就不必更改HTML标记中的引用。我可以在我的开发环境中使用普通的Javascript文件,然后在发布时自动部署最小化

javascript - Rspec & capybara : Setting focus to an element using jQuery doesn't apply `:focus` CSS

我在我的网页中为盲人和键盘用户提供了跳转链接,这些链接已移出视口(viewport)以在视觉上隐藏它们;当他们获得焦点时,他们会被移动到视口(viewport)中。我想使用RSpec和Capybara测试此行为,但不知何故不起作用。it'movesthefocustothenavigationwhenactivatingthecorrespondinglink',js:truedoexpect(page).not_tohave_css'#main:focus'page.evaluate_script"$('#jump_to_content>a').focus()"click_link'

javascript - 是否可以修改服务 worker 缓存响应 header ?

我正在尝试标记存储在ServiceWorker缓存中的资源。我认为可以向资源添加自定义header来指示这一点,但是,一旦资源存储在服务worker缓存中,header修改似乎就会被删除。是这样吗?我在cachespec中没有看到任何内容关于修改响应header。这是我尝试过的一个例子://Isuccessfullycachearesource(confirmedinDevTools)caches.open('testCache').then(cache=>{cache.add('kitten.jpg');}).then(()=>{console.log('successfullyca

javascript - 如果封闭的 DIV 属性发生变化,Firefox 将重新启动 Flash 电影

我在一些DIV中嵌入了一个Flash电影。问题是,当我动态更改封闭DIV的任何属性时,Firefox(不是其他浏览器)重新启动/重新初始化Flash电影有效地重置整个进度(例如:文件选择上传等)。是否有某种解决方法? 最佳答案 尝试使用visibility:hidden隐藏它,或者如果所有其他方法都失败了,position:absolute;left:-9999px。我猜Firefox不想在不可见的Flash动画上浪费内存和CPU,所以它会杀死它。 关于javascript-如果封闭的D

javascript - 更改隐藏的 div 的滚动

我有一个固定高度和滚动条的隐藏div。我想更改滚动位置,但浏览器不允许我这样做,因为div是隐藏的。scrollTop属性将保持为0。此外,我不想显示和隐藏div,这会导致闪烁。如果有人知道该怎么做,那将非常有帮助。谢谢! 最佳答案 您可以使用jQuery的数据函数保存滚动。functionSaveScroll(val){$(the_element).data("Scroll",val);}functionShow(){varelement=$(the_element);//preventfromshowingwhilescroll

javascript - CSS 中不规则多边形的悬停效果

我想知道如何为类似于thisimage的map标记和编码悬停效果.当每个区域(或部分)被鼠标悬停/触摸/点击时,我需要更改它的颜色而不影响任何其他部分。每个部分的边界必须能代表图片,不能是正方形。该解决方案不能使用Canvas,因为我正在处理的网站必须在旧版浏览器中可用(我个人感到很沮丧。)理想情况下,我希望在不使用太多JavaScript或大量图像的情况下使用CSS来完成此操作。以前有人这样做过吗?编辑:我知道人们建议使用标记,但据我所知,它不接受:hover伪类。编辑2:我可能会使用这个:http://www.netzgesta.de/mapper/ 最